// 自定义webpack
module.exports = {
  chainWebpack: config => {
    // 发布阶段    删除公共的CSS和JS  用CDN 形式可以减小内存
    config.when(process.env.NODE_ENV === 'production', config => {
      config.entry('app').clear().add('./src/main-prod.js')

      // // 会自动  按需加载所需的CSS文件
      config.set('externals', {
        vue: 'Vue',
        'vue-router': 'VueRouter',
        axios: 'axios',
        lodash: '_',
        echarts: 'echarts',
        Nprogress: 'nprogress',
        VueQuillEditor: 'vue-quill-editor'

        // 原视频为     (报错)
        // nprogress: 'Nprogress',
        // 'vue-quill-editor': 'VueQuillEditor'
      })

      // 编译的时候给isProd 赋值
      config.plugin('html').tap(args => {
        args[0].isProd = true
        return args
      })
    })

    // 开发阶段
    config.when(process.env.NODE_ENV === 'development', config => {
      config.entry('app').clear().add('./src/main-dev.js')

      // 编译的时候给isProd 赋值
      config.plugin('html').tap(args => {
        args[0].isProd = false
        return args
      })
    })
  }
}
